@charset "utf-8";
@import "../../../assets/scss/base/necessary.scss";
.destination_index{
  overflow:hidden;
  position: absolute;
  left:0;
  top:px2rem(102);
  bottom:px2rem(100);
  width:100%;
  .scroll_wrap{
    height: 100%;
  }
  #scroll_left{
    position:relative;/*iscroll important*/
    height:100%;  /*iscroll important 此元素要有具体高度*/
    width:px2rem(186);
    overflow: hidden;
    li{
      /* transform:translate3d(0,0,0); */
      text-align:center;
      width:px2rem(186);
      @include px2px(font-size,28);
      line-height:px2rem(88);
      color:$color_424242;
      &.on{
        line-height:px2rem(148);
        background:#fff;
        color:$color_55C1DD;
        border-left-color:$color_55C1DD;
        border-left-style: solid;
        @include px2px(border-left-width,4);
      }
      &.normal{
        line-height:px2rem(88);
        color:$color_424242;
        border:none;
        background:#f3f5f8;
      }
    }
  }
  #scroll_right{
    text-align: center;
    li{
      /* transform:translate3d(0,0,0); */
      &:not(:first-child){
        display: none;
      }
    }
    position:relative;/*important*/
    height:100%;
    background:#fff;
    padding:0 px2rem(20) 0 0;
    a{
      &:nth-child(-n+2){
        margin-top:px2rem(20) !important;
      }
      float:left;
      display:block;
      padding:0  0 px2rem(20) px2rem(20);
      width:50%;
      height:px2rem(272);
      position:relative;
      .img_wrap{
        background: $color_F3F5F8;
        width:px2rem(252);
        height:px2rem(252);
        position:relative;
        border:none !important;
        display: inline-block;
        border-radius: 4px;
        .bg{
          position:absolute;
          bottom:0;
          left:0;
          width:100%;
          height:px2rem(107);
          background: left center repeat-x url();
          background-size: cover;
        }
        img{
          width:100%;
          height: 100%;
        }
      }
      color:#ffffff;
      .font{
        width:100%;
        position:absolute;
        left:0;
        bottom:px2rem(38);
        padding:0 px2rem(20);
        line-height:1;
        text-align: left;
        @include px2px(font-size,30);
        h4{
          padding-top:px2rem(8);
          line-height:1.2;
          @include px2px(font-size,24);
        }
      }
    }
  }
}

